<?php
include "includes/ui.php";

echo headerHTML("service","งานสอนพิเศษ");
?> 
 <!-- Moldule: Popup -->
<div id="popup" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"  style='margin-left:-400px;width:840px;'>

        <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel"><i class="icon-cog"></i> รายละเอียดงานสอนพิเศษ</h3>
        </div>
		
	<form class="form-horizontal" style='margin-bottom:0px;'>
	
        <div class="modal-body">
						 <div class="control-group">
                                <label class="control-label" for="inputName" style="width:120px !important;font-weight:bold;"><i class="icon-double-angle-right"></i> ประเภทคอร์ส</label>
                                <div class="controls" style="margin-left:10px !important;">
									<select class="no-margin" id='cboCourseType' style="width:180px !important;">
									<option value='1'> คอร์สเรียนทั่วไป</option>
									<option value='2'>คอร์สเรียนพิเศษตอนเย็น</option>
									<option value='3'>คอร์สว่ายน้ำ</option>
									  <div class="controls" style="margin-left:10px !important;">
								</select>
                                  
                                </div>
								</div>
								
								<div class="control-group">
										<label class="control-label" for="inputName" style="width:120px !important;font-weight:bold;"><i class="icon-double-angle-right"></i> ชื่อผู้สอน 1</label>
										<div class="controls" style="margin-left:10px !important;">
									     <select class="no-margin span8" id='cboTeacher'  style="width:250px !important;">
										 </select>
										 &nbsp; <span class="help-inline"style="font-weight:bold;margin-left:20px;">ชื่อผู้สอน 2</span>
											&nbsp;&nbsp;
											<select class="no-margin span8" id='cboTeacher2'  style="width:250px !important;">
											</select>
										</div>
								</div>
						
						
						 <div class="control-group">
                                <label class="control-label" for="inputName" style="width:120px !important;font-weight:bold;"><i class="icon-double-angle-right"></i> ปีการศึกษา</label>
                                <div class="controls" style="margin-left:10px !important;">
									 <select class="no-margin" id='cboYear' style="width:90px !important;">
									</select>
                                   &nbsp; <span class="help-inline" style="font-weight:bold;margin-left:20px;">ภาคเรียน</span>
									&nbsp;&nbsp;
									<select class="no-margin" id='txtTerm'  tabindex="1" style="width:100px !important;">
									</select>
									
									<!--input type="text" id="txtTerm" required maxlength="1" class="span1 txtamt" value="1" style='width:30px !important;'/>
									
									<input type="text" id="txtTeacher" placeholder="1"  maxlength="50"  class="span3"-->
                                </div>
                        </div>
						
					 <div class="control-group" style="border-bottom:0px;">
							<label class="control-label" style='width:120px !important;font-weight:bold;' for="inputName">
							<i class="icon-double-angle-right"></i> วิชาสอนพิเศษ </label>
							<div class="controls" style="margin-left:10px !important;">
								&nbsp;<select class="no-margin span8" id='cboSubject'  style="width:150px !important;">
									</select>
									<input type="text" id="txtDetail" required maxlength="300"   placeholder="รายละเอียดเพิ่มเติม" class="span5">
							</div>
					 </div>
					 	 <div class="control-group">
                                <label class="control-label" for="inputName" style="width:120px !important;font-weight:bold;"><i class="icon-double-angle-right"></i> ค่าเรียน</label>
                                <div class="controls" style="margin-left:10px !important;">
									<input type="text" id="txtFee" placeholder="0" style='width:100px;' class="span1 text-right txtamt">
									<span class="help-inline" style="font-weight:bold;">/</span>
									<select class="no-margin span8" tabindex="2" id='cboFeeType' style="width:100px !important;">
										
									</select>
									<input type="text" id="txtRemark" placeholder="ชำระสด/บัตรเครดิต " class="span3">
                                </div>
                        </div>	
						 <div class="control-group">
                                <div class="controls" style="margin-left:10px !important;">
									 <span class="help-inline"style="font-weight:bold;">ระยะเวลา(กรณีรายเดือน)</span>
									 <select class="no-margin" tabindex="1" id='cboMonthFrom' style="width:120px !important;">
										<option value="1">มกราคม</option>
										<option value="2">กุมภาพันธุ์</option>
										<option value="3">มีนาคม</option>
										<option value="4">เมษายน</option>
										<option value="5">พฤษภาคม</option>
										<option value="6">มิถุนายน</option>
										<option value="7">กรกฏาคม</option>
										<option value="8">สิงหาคม</option>
										<option value="9">กันยายน</option>
										<option value="10">ตุลาคม</option>
										<option value="11">พฤศจิกายน</option>
										<option value="12">ธันวาคม</option>
									</select>
									<span class="help-inline"style="font-weight:bold;">ถึง</span>
									 <select class="no-margin" tabindex="1" id='cboMonthTo' style="width:120px !important;">
										<option value="1">มกราคม</option>
										<option value="2">กุมภาพันธุ์</option>
										<option value="3">มีนาคม</option>
										<option value="4">เมษายน</option>
										<option value="5">พฤษภาคม</option>
										<option value="6">มิถุนายน</option>
										<option value="7">กรกฏาคม</option>
										<option value="8">สิงหาคม</option>
										<option value="9">กันยายน</option>
										<option value="10">ตุลาคม</option>
										<option value="11">พฤศจิกายน</option>
										<option value="12">ธันวาคม</option>
									</select>
                                </div>
                        </div>	
						
						<div style="padding:5px;width:98%;border-top:1px solid #ccc;background-color:#f9f9f9 !important;" >
						<div class="control-group">
							  <label class="control-label" for="inputName" style="width:120px !important;font-weight:bold;"> ระดับชั้นที่เปิดรับ</label>
							   <div class="controls" style="margin-left:10px !important;">
									<div class="line" id='ctrClass' style='line-height: 25px;' ></div>
                               </div>
						 </div>
						 <div class="control-group">
							  <label class="control-label" for="inputName" style="width:120px !important;font-weight:bold;"> วันที่เรียน</label>
							   <div class="controls" style="margin-left:10px !important;">
									<div class='row-fluid'>
									<div class="span1" style='width:25px !important;'>
									<label class="checkbox line">
									<div class="checker"><span><input type="checkbox" name='day' id='d1' value="1"></span></div> จ.
									</label>
									</div>
									
									<div class="span1" style='width:25px !important;'>
									<label class="checkbox line">
									<div class="checker"><span><input type="checkbox"  name='day' id='d2' value="2"></span></div> อ.
									</label>
									</div>
									
									<div class="span1" style='width:25px !important;'>
									<label class="checkbox line">
									<div class="checker"><span><input type="checkbox" name='day' id='d3' value="3"></span></div> พ.
									</label>
									</div>
									
									<div class="span1" style='width:25px !important;'>
									<label class="checkbox line">
									<div class="checker"><span><input type="checkbox" name='day' id='d4' value="4"></span></div> พฤ.
									</label>
									</div>
									
									<div class="span1" style='width:25px !important;'>
									<label class="checkbox line">
									<div class="checker"><span><input type="checkbox" name='day'  id='d5' value="5"></span></div> ศ.
									</label>
									</div>
									
									<div class="span1" style='width:25px !important;'>
									<label class="checkbox line">
									<div class="checker"><span><input type="checkbox" name='day' id='d6' value="6"></span></div> ส.
									</label>
									</div>
									
									<div class="span1" style='width:25px !important;'>
									<label class="checkbox line">
									<div class="checker"><span><input type="checkbox" name='day' id='d7' value="7"></span></div> อา.
									</label>
									</div>
									
									 
									<span class="help-inline"style="font-weight:bold;margin-left:30px;">|&nbsp; เวลา</span>
										 <select class="no-margin span8" tabindex="2" id='cboTimeFrom' style="width:90px !important;">
										 <option value="" > </option>
										<option value="8.00" >8.00</option>
										<option value="8.30" >8.30</option>
										<option value="9.00" >9.00</option>
										<option value="9.30" >9.30</option>
										<option value="10.00" >10.00</option>
										<option value="10.30" >10.30</option>
										<option value="11.00" >11.00</option>
										<option value="11.30" >11.30</option>
										<option value="12.00" >12.00</option>
										<option value="12.30" >12.30</option>
										<option value="13.00" >13.00</option>
										<option value="13.30" >13.30</option>
										<option value="14.00" >14.00</option>
										<option value="14.30" >14.30</option>
										<option value="15.00" selected>15.00</option>
										<option value="15.30" >15.30</option>
										<option value="16.00" >16.00</option>
										<option value="16.30" >16.30</option>
										<option value="17.00" >17.00</option>
										<option value="17.30" >17.30</option>
										<option value="18.00" >18.00</option>
										<option value="18.30" >18.30</option>
										<option value="19.00" >19.00</option>
										<option value="19.30" >19.30</option>
									</select>&nbsp;-&nbsp;
									<select class="no-margin span8" tabindex="2" id='cboTimeTo' style="width:90px !important;">
									     <option value="" > </option>
										<option value="8.30" >8.30</option>
										<option value="9.00" >9.00</option>
										<option value="9.30" >9.30</option>
										<option value="10.00" >10.00</option>
										<option value="10.30" >10.30</option>
										<option value="11.00" >11.00</option>
										<option value="11.30" >11.30</option>
										<option value="12.00" >12.00</option>
										<option value="12.30" >12.30</option>
										<option value="13.00" >13.00</option>
										<option value="13.30" >13.30</option>
										<option value="14.00" >14.00</option>
										<option value="14.30" >14.30</option>
										<option value="15.00" >15.00</option>
										<option value="15.30" >15.30</option>
										<option value="16.00" selected>16.00</option>
										<option value="16.30" >16.30</option>
										<option value="17.00" >17.00</option>
										<option value="17.30" >17.30</option>
										<option value="18.00" >18.00</option>
										<option value="18.30" >18.30</option>
										<option value="19.00" >19.00</option>
										<option value="19.30" >19.30</option>
										<option value="20.00" >20.00</option>
									</select>
									 
									</div>
							   </div>
						 </div>
						 <div class="control-group">
							  <label class="control-label" for="inputName" style="width:150px !important;font-weight:bold;"> ระยะเวลาเรียน </label>
							   <div class="controls" style="margin-left:10px !important;">
									<div class="input-append date btndate"   data-date="12-02-2012"  data-date-format="dd/mm/yyyy">
									<input class="span1" style="width:130px !important;" id='txtStartDate' size="16" type="text"  readonly="">
									<span class="add-on"><i class="icon-calendar"></i></span>
									</div>
									
									<div class="input-append date btndate2"   data-date="12-02-2012"  data-date-format="dd/mm/yyyy">
									<input class="span1" style="width:130px !important;" id='txtEndDate' size="16" type="text"  readonly="">
									<span class="add-on"><i class="icon-calendar"></i></span>
									</div>
									 <button class="btn btn-inverse" style='height:30px;margin-left:30px;' type='button' id='btnAddSubject'>เพิ่ม</button>
                               </div>
							    
						 </div>
						 
							<span class="help-inline text-center" id='Error' style="background-color:#fddedb;border:1px solid #f99891;font-weight:bold;margin: auto;text-align: center;width: 100%;color: red !important;">กรุณาเลือกรายการ&nbsp;</span>
						</div>
				 <div class="well no-padding">

					<!-- Add News: WYSIWYG Edior -->
					<table class="table" id = 'table_detail' style='width:100% !important;'>
		              <thead>
		                <tr>
		                  <th style='color:#333 !important;width:20px;'>#</th>
						  <th style='color:#333 !important;width:0px;'></th>
						  <th style='color:#333 !important;width:0px;'></th>
						  <th style='color:#333 !important;width:0px;'></th>
						  <th style='color:#333 !important;width:0px;'></th>
						  <th style='color:#333 !important;' class='text-center'>ระดับชั้น</th>
		                  <th style='color:#333 !important;' class='text-center'>วันที่เรียน</th>
		                  <th style='color:#333 !important;width:180px;' class='center'>เวลา</th>
						  <th style='color:#333 !important;width:120px;' class='center'>เริ่มเรียน</th>
						  <th style='color:#333 !important;width:120px;' class='center'>สิ้นสุด</th>
						  <th style='color:#333 !important;width:40px;'>ลบ</th>
		                </tr>
		              </thead>
		              <tbody>
		              </tbody>
		            </table>
					<!-- / Add News: WYSIWYG Edior -->

				</div> 
					 <div class="control-group">
						<label class="control-label" for="inputRepeat" style="width:120px;"><i class="icon-double-angle-right"></i> หมายเหตุ</label>
						<div class="controls"  style="margin-left:10px !important;">
							<textarea type="text" id="txtRemark2" rows="3" class="span6" ></textarea>
						</div>
					 </div>
					 <div class="control-group">
						<label class="control-label" for="inputRepeat"  style="width:120px;"><i class="icon-double-angle-right"></i> สถานะการใช้งาน</label>
						<div class="controls">
							<div class='row-fluid'>
								<div class='span2'>
									<label class="radio">
								<span>
									<input type="radio" name="chk"  value="Y" id='chkY' checked> 
								</span>
							   ใช้งาน
							</label>
								</div>
								<div class='span3'>
								 <label class="radio">
								<span>
									<input type="radio" name="chk" value="N"  id="chkN"> 
								</span>
							   ยกเลิกใช้งาน
							</label>
								</div>
							</div>
							
							 
						</div>
					</div>
        </div>

        <div class="modal-footer">
            <button type='button' class="btn btn-primary hidden_control" id="btnConfirm">บันทึก</button>
            <button class="btn" data-dismiss="modal" id='btnCancel' aria-hidden="true">ยกเลิก</button>
        
        </div>
	</form>
</div> 
<!-- / Module: Popup --> 
<!-- Live Stats -->
<div class="row-fluid">

    <!-- Pie: Box -->
    <div class="span12">

        <!--  : Top Bar -->
        <div class="top-bar">
            <h3><i class="icon-cog"></i> งานสอนพิเศษ</h3>
		 
            <div class='tmp' style='float:right'>
			<a href="#"  ><button class="btn"  style='width:80px;' rel="tooltip" id='btnPrint'  data-original-title="พิมพ์ข้อมูล" tooltip="Add">พิมพ์</button></a>
              <a href="#popup" data-toggle="modal"><button class="btn btn-info" rel="tooltip" id='btnAdd'  data-original-title="เพิ่มข้อมูลใหม่" tooltip="Add">สร้างรายการ</button></a>
            </div>
		 
        </div>
        <!-- /  : Top Bar -->



        <!-- Pie: Content -->
        <div class="well no-padding" >
			<div class="span12">
				<div class="row-fluid">
				 <form class="form-horizontal" method="POST" id='frmCourse'>
					<div class='span12'>
					 <div class="control-group">
								<label class="control-label" style='padding-top:5px;' for="inputName"><i class="icon-double-angle-right"></i> ปีการศึกษา </label>
								<div class="controls">
									<select class="no-margin span8" name='Year' id="cboYear_Search" style="width:100px !important;">
									 
									</select>
									&nbsp;<span class="help-inline" style="font-weight:bold;margin-left:50px;">ภาคเรียน</span>
									&nbsp;&nbsp;
									<select class="no-margin" id='txtTerm_Search'  tabindex="1" style="width:100px !important;">
									</select>
									<!--input type="text" name='Term' id="txtTerm_Search" value="1" class="span1 txtamt"-->
									&nbsp;<span class="help-inline" style="font-weight:bold;margin-left:50px;">สถานะ</span>
									&nbsp;&nbsp;<select class="no-margin span8" id="cboStatus" style="width:120px !important;">
									<option value="0" selected></option>
									<option value="Y" >ใช้งาน</option>
									<option value="N" >ยกเลิก</option>
									</select>  
									
								</div>
					 </div>
					  <div class="control-group">
						<label class="control-label" style='padding-top:5px;' for="inputName"><i class="icon-double-angle-right"></i> รายการ</label>
						<div class="controls">
							<input type="text" id="txtTitle_Search" placeholder="" class="span4">
							<button class="btn btn-inverse" id='btnSearch' type='button' style='height:30px;margin-left:50px;margin-top:0px;padding-top:0px;' rel="tooltip" title=""   data-original-title="ค้นหาข้อมูล"><i class="icon-search"></i></button>
						</div>
					  </div>
					  </div>
					</form>
				</div>
			</div>
            <table class="data-table" id="resultData">
                <thead style='border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;'> 
                    <tr >
                        <th style='color:#333 !important;width:30px !important;'>#</th>
						<th style='color:#333 !important;width:0px;' class='center'>0</th>
						<th style='color:#333 !important;' class='center'>รายการ</th>
						<th style='color:#333 !important;' class='center'>ระดับชั้น</th>
                        <th style='color:#333 !important;' class='center'>วันที่เรียน</th>
						<th style='color:#333 !important;width:110px !important;' class='center'>เวลา</th>
						<th style='color:#333 !important;width:150px !important;' class='center'>เริ่มเรียน</th>
						<th style='color:#333 !important;width:120px !important;' class='center'>ค่าเรียน</th>
						<th style='color:#333 !important;width:50px !important;' class='center'>สถานะ</th>
						<th style='color:#333 !important;width:50px !important;' class='center'>แก้ไข</th>
						<th style='color:#333 !important;width:50px !important;' class='center'>ลบ</th>
                    </tr>
                </thead>
                <tbody>
                    
                </tbody>

            </table>

        </div>
        <!-- / Pie: Content -->

    </div>
    <!-- / Pie -->

</div>
<!-- / Live Stats -->

<?php
echo footerHTML();
?>

<!-- Javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src='js/jquery.hotkeys.js'></script>
<!--script src='js/fullcalendar.min.js'></script-->
<script src="js/jquery-ui-1.10.2.custom.min.js"></script>
<script src="js/jquery.pajinate.js"></script>
<!--script src="js/jquery.prism.min.js"></script-->
<script src="js/jquery.dataTables.min.js"></script>

<script src="js/jquery.flot.resize.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-wysiwyg.js"></script>
<!--script src="js/bootstrap-typeahead.js"></script-->
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.chosen.min.js"></script>
<script src="js/avocado-custom.js"></script>
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script src="js/myScript/js_jobs.js"></script>

</html>